body{
    background: rgb(249, 249, 249)
}
.all{
    max-width:7.5rem;
    margin: 0 auto;
    height: 13.34rem;
    background-color:#fff;
    .big ,.show{
      nav{
        display:flex;
        width: 100%;
        height: 0.88rem;
        align-items:center;
        a{
            display:flex;
            color:#333;
            align-items:center;
            font-size:.32rem;
            i{
                width: .64rem;
                height: .6rem;
                background:url(../img/xiao/tow_icon.png) 0 0 ;
            }
        }
        .top{
            width: 4.94rem;
            height: 0.88rem;
            text-align:center;
            line-height:.88rem;
            font-size:.36rem;
        }
        p{
            font-size :0.32rem;
        }
    }
    .bcolor{
        width: 100%;
        height: 0.2rem;
        background: rgb(249, 249, 249);
    }
    .content{
        background-color:#fff;
        ul{
            width: 100%;
            li{
               display:flex;
               height: 1.8rem;
               padding: 0.2rem;
               align-items:center;
               border-top:.01rem solid #999;
               border-bottom:.01rem solid #999;               
               .left{
                   width: 1.6rem;
                   height: 100%;
                   position:relative;
                   img{
                       width: 1.2rem;
                       height: 1.36rem;
                       margin-left:.4rem;
                   }
                   .chex{
                    width: 0.4rem;
                    height: 0.4rem;
                    background: url(../img/xiao/mark_01.png) 0 0;
                    background-size:1.4rem;
                    position:absolute;
                    top:.5rem;
                    left:0;
                    i{
                       position: absolute;
                       top:0;
                       left:0;
                        width: 0.4rem;
                        z-index:20;
                        height: 0.4rem;
                        background: url(../img/xiao/mark_01.png)-.96rem 0;
                        background-size:1.4rem;
                     }
                   }
                  
               }
               .right{
                   display:flex;
                   width: 3.7rem;
                   margin-left:.3rem;
                   color:#666;
                   flex-direction:column;
                   p{
                       width: 100%;
                       line-height:.4rem
                   }
                   .right-t{
                       color:#999;
                       em{
                           margin-left:1rem;
                       }
                   }
               }
               .price{
                   margin-left:.6rem;
                   color:#999;
               }
            }
        }
        .sum{
            display:flex;
            width: 100%;
            font-size:.28rem;
            padding:.6rem .4rem .2rem .4rem;;
            justify-content: space-between;
            background-color:#f8f8f8;           
        }
        .foot{
            width: 100%;
            background-color:#ededed;
            .foot-t{
                margin-left:.4rem;
                padding:.2rem 1rem;
                color:#ababab;
                background:url(../img/xiao/bao_03.png)center left no-repeat ;
                p{
                    font-weight:700;
                    font-size:.28rem;
                    margin-bottom:.1rem;
                }
            }
       }
           
    }
    .end{
        position: fixed;
        bottom:0;
        left:0;
        width: 100%;
        height: 0.84rem;
        display:flex;
        align-items:center;
        background-color:#fff;
        label{
            display:flex;
            position:relative;
            align-items:center;
            width: 2rem;
            height: 0.84rem;
            span{
                margin-left:1rem;
            }
             .chex{
                width: 0.4rem;
                height: 0.4rem;
                background: url(../img/xiao/mark_01.png) 0 0;
                background-size:1.4rem;
                position:absolute;
                top:.2rem;
                left:.4rem;
                i{
                    position: absolute;
                    top:0;
                    left:0;
                    width: 0.4rem;
                    z-index:20;
                    height: 0.4rem;
                    background: url(../img/xiao/mark_01.png)-.96rem 0;
                    background-size:1.4rem;
                }
             }
        }
        button{
            background-color:#f24413;
            margin-left:2rem;
            width: 1.9rem;
            color:#fff;
            height: 0.52rem;
        }
    }
    }   
    .show{
        display: none;
        height: 100%;
        .content{
            .right-t{
                display:flex;
                span:nth-child(2){
                    border-left:none;
                    border-right:none;
                }
                span{
                    text-align:center;
                    line-height:.5rem;
                    width: 0.5rem;
                    height: 0.5rem;
                    border:.01rem solid #999;
                }
            }
        }
        .end{
            position: fixed;
           left:0;
           bottom:0;
            button{
                margin-left:3.2rem;
            }
        }
    }
}
body{
    height:13.34rem;
}